<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>这是用于练习表单form的网页</title>
	</head>
	<body>
		<!-- 1.标签
		 form
		 th
		 select option
		 textarea
		 button
		 -->
		 <!-- 不设置name就不会提交 -->
		 <!-- 默认把数据在地址栏中拼接，get方式提交数据 
		 好处是展示的效果明确，坏处是不安全，地址栏太长
		 POST方式提交数据：好处是安全对数据的大小没上限，坏处是看不见数据-->
		 <!-- F12开发者模式 NetWork可以查看提交的内容-->
		<form method="post"action="http:www.baidu.com"><!-- action -->
			<table border="1"bgcolor="bisque"cellspacing="0"width="35%"cellpadding="3">
				<tr>
					<td colspan="2">
						<h1 align="center">注册表单</h1>
					</td>
				</tr>
				<tr>
					<th colspan="2">注册用户</th>
				</tr>
				<tr>
					<td>用户名</td>
					<td><input type="text" name="user"/></td>
				</tr>
				<tr>
					<td>密码</td>
					<td><input type="password"name="pwd"/></td>
				</tr>
				<tr>
					<td>确认密码</td>
					<td><input type="password"name="repwd"/></td>
				</tr>
				<tr>
					<td>昵称</td>
					<td><input type="text"name="nick"/></td>
				</tr>
				<tr>
					<td>邮箱</td>
					<td><input type="text"name="mail"/></td>
				</tr>
				<tr>
					<td>性别</td>
					<td>
						<input type="radio"name="sex"value="1" />男
						<input type="radio"name="sex"value="2" />女
					</td>
				</tr>
				<tr>
					<td>爱好</td>
					<td>
						<input type="checkbox"name="like"value="1"/>我的世界
						<input type="checkbox"name="like"value="2"/>饥荒
						<input type="checkbox"name="like"value="3"/>连连看
						</td>
				</tr>
				<tr>
					<td>城市</td>
					<td>
						<select name="city">
							<option value="1">北京</option>
							<option value="2">上海</option>
							<option value="3">香港</option>
							<option value="4">澳门</option>
							<option value="5">台湾</option>
							<option value="6">武汉</option>
						</select>
						<select name="country">
							<option value="1">中国</option>
							<option value="2">美利坚</option>
							<option value="3">大英</option>
							<option value="4">法兰西</option>
							<option value="5">奥匈</option>
							<option value="6">西班牙</option>
						</select>
					</td>
				</tr>
				<tr>
					<td>头像</td>
					<td>
						<input type="file"name="path"/>
					</td>
				</tr>
				<tr>
					<td>验证码</td>
					<td>
						<input type="text" name="validate" />
						<img src="../imgs/validate.png"width="87"height="23"name="validate_img" />
						<button type="button" name="confirm">点我换一张</button>
					</td>
				</tr>
				
				<tr>
					<td height="100">自我描述</td>
					<td >
						<textarea>请输入自我描述</textarea><!-- 文本区域 -->
						<!-- <input type="text"placeholder="请输入描述信息~"/> -->
					</td>
				</tr>
				
				<tr>
					<td colspan="2" align="center">
						<input type="submit" value="提交1" />
						<button type="submit" value="提交2">提交</button>
						<button type="reset" value="重置">重置</button>
					</td>
				</tr>
				
			</table>
		</form>
	</body>
</html>
